<div class="span-24 last" id="momentview" >
     <div id="loading" class="center"><img src="../img/ajax-loader.gif" /></div>
<?php
    if(count($momentid) != 0)
        echo $this->element('momentview', array('momentid' => $momentid[0][0]['id']));
    else
        echo $this->element('momentview', array('momentid' => 0));
?>
</div>
<div class="span-20 append-2 prepend-2 last" >
    <div class="temporize">
        <div class="header">
            Temporize this
        </div>   
        <?php echo $form->create('temporize', array('url' => '/moments/add', 'type' => 'file')); ?>
        <div class="span-10">
         
            
            <p>
                    <label for="MomentTitle">Title</label><br />
                    <input name="data[Moment][title]" type="text" maxlength="256" id="MomentTitle" />
                    <br />
                    <label for="MomentTitle">Photo</label><br />
                    <? echo $form->file('Photo'); ?>
                
            </p>
        </div>
        <div class="span-8">
            <p>
                <label for="MomentDesc">Description</label><br />
                <textarea name="data[Moment][description]" cols="5" rows="6" id="MomentDescription" ></textarea>
                <br />
                <button type="submit">Add</button>
                
            </p>
        </div>
        </form>
    </div>
</div>
<div class="span-24 last timeline" >
    <hr />
    <h2>Select the Timeline</h2>
    <select name="timeline" id="timeline">
        <?php
        foreach($time_lines as $key){
        ?>
            <option value="<?= $key[0]['id'] ?>"><?= date('d-m-Y', strtotime($key[0]['create_date'])) ?></option>
        <?php
        }
        ?>
    </select>
    <h2>Timeline</h2>
    <p>
    <div class="span-24 last timeline" id="timelineview">
       <? echo $this->element('timelineview', array('id' => $time_lines[0][0]['id'])); ?>
        
    </div>
    </p>
</div>

<div class="span-20 append-2 prepend-2 last profile" >
    <div class="span-3"><?= $facebook->picture($user['User']['facebook_id'], array('size' => 'small')); ?></div>
    <div class="span-10 last">
        
            <h2><?= $user['User']['name'] ?></h2>
            <p>
                <h3>About</h3>
                <?= $user['User']['about'] ?>
            </p>
    </div>
</div>


<h3>III. Horizontal images scroller</h3>
<div id="example_3">
	<ul id="example_3_content">
		<li class="example_3_item"><a href="#"><img src="images/flowers/1.jpg" alt="flower 1" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/2.jpg" alt="flower 2" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/3.jpg" alt="flower 3" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/4.jpg" alt="flower 4" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/5.jpg" alt="flower 5" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/6.jpg" alt="flower 6" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/7.jpg" alt="flower 7" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/8.jpg" alt="flower 8" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/9.jpg" alt="flower 9" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/A.jpg" alt="flower A" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/B.jpg" alt="flower B" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/C.jpg" alt="flower C" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/D.jpg" alt="flower D" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/E.jpg" alt="flower E" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/F.jpg" alt="flower F" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/G.jpg" alt="flower G" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/H.jpg" alt="flower H" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/I.jpg" alt="flower I" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/J.jpg" alt="flower J" /></a></li>
		<li class="example_3_item"><a href="#"><img src="images/flowers/K.jpg" alt="flower K" /></a></li>
	</ul>
	<div id="example_3_frame">
		<img id="example_3_previous" src="images/ex3_previous.gif" alt="move previous" />
		<img id="example_3_next" src="images/ex3_next.gif" alt="move next" />
	</div>
</div>
			